{% load static %}
<!doctype html>
{# main.html 中实现了登录(loginID), 注册(registeID), 显示并修改用户信息(infoID0，退出quit的功能#}
{#           改动：删除了上一版中的login.html, registe.html, customer.html文件#}
{#                修改 Platform/common/views.py 中的registe#}
<html lang="en">
  <head>
    <meta charset="utf-8">
    {% block css_js_cdn %}
    {#bootstrap框架cdn导入部分#}
    {#注意：bootstrap的版本为 4 #}
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.15.0/umd/popper.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../../static/CSS/css_v0.css">
    {% endblock %}

    <title>主页</title>
  </head>

  <body>
  {% block top %}
  {#顶部部分#}
  <div class="jumbotron text-left" style="color: white;background: #212529;margin: 0;padding: 10px 10px 10px 20px">
    <h1 style="margin: 0;display: inline">慧安诉</h1>
    <p style="display: inline">基于NLP和数字水印的智慧安全反馈投诉系统</p>
    <h4 style="display: inline;float: right;margin-top: 7px">欢迎您 {{ username }}</h4>
  </div>

  {#导航栏部分#}
  <nav class="nav navbar navbar-expand-lg bg-dark navbar-dark" role="navigation" style="position: -webkit-sticky;position: sticky;top:0">
  <a class="navbar-brand" href="/common/main">导航</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
      <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="collapsibleNavbar">
      <ul class="navbar-nav mr-auto">
          <li class="nav-item">
            <a class="nav-link" href="/customer/complain">反馈投诉</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="/customer/list">个人投诉列表</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="/staff/list">投诉处理列表</a>
          </li>
      </ul>

      <ul class="nav navbar-nav">
          <div class="dropdown">
              <a class="btn btn-secondary dropdown-toggle" href="login" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-expanded="false">
                 {{ username }}
              </a>
              <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
                <a class="dropdown-item" href="/common/login">登录</a>
                <a class="dropdown-item" href="/common/registe">注册</a>
                <a class="dropdown-item" href="/customer/info">修改信息</a>
                <a class="dropdown-item" href="/common/quit">退出</a>
              </div>
            </div>
     </ul>
     </div>
  </nav>
  {% endblock %}

  {% block body %}
  <div id="background_1">
   <br><br><br><br>
       <div class="jumbotron" style="position: -webkit-sticky;position: sticky;top:15%;background: white;max-width: 85%;padding: 3%;border:2px solid black;border-radius: 15px;opacity: 0.9;margin:0 auto">
          <h1 class="display-4">慧安诉</h1>
          <p datatype="">——基于NLP和数字水印的智慧安全反馈投诉系统</p>
          <p class="lead">一方面，我们致力于保护投诉人的隐私安全， 另一方面，提高反馈受理的效率和质量是我们一直追求的目标。</p>
          <p>点击下列按钮，了解相关法律法规</p>
          <a class="btn btn-primary btn-lg" href="http://www.12388.gov.cn/html/law_list.html" role="button">法律法规</a>
    {#      <a class="btn btn-primary btn-lg" href="/common/registe" role="button" style="float: right">注册</a>#}
          <a class="btn btn-primary btn-lg" href="/common/login" role="button" style="float: right">登录</a>
       </div>
   </div>
  {% endblock %}

  {% block lower %}
  <div class="jumbotron text-center" style="color: white;background: #212529;margin: 0">
    <p>Dev</p>
    <p>西安电子科技大学  网络与信息安全学院  “皮皮虾带飞”大创队</p>
  </div>
  {% endblock %}
  </body>
</html>